<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05_表格插入</title>
</head>
<body>
<table border="1" width="500"">
    <caption>学生信息表</caption>
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>性别</th>
    </tr>
    <tr>
        <td style="text-align: center">1</td>
        <td>张三</td>
        <td>男</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>女</td>
    </tr>
    <tr>
        <td>3</td>
        <td>王五</td>
        <td>男</td>
    </tr>
</table>

<table border="1">
    <tr>
        <td>1-1</td>
        <td colspan="3">1-2</td>

    </tr>
    <tr>
        <td>2-1</td>
        <td rowspan="3">2-2</td>
        <td colspan="2">2-3</td>
    </tr>
    <tr>
        <td>3-1</td>
        <td>3-3</td>
        <td rowspan="2">3-4</td>
    </tr>
    <tr>
        <td>4-1</td>
        <td>4-3</td>

    </tr>
</table>


<table border="1" style="border-collapse: collapse">
    <caption>购物车</caption>
    <tr>
        <th>商品变化</th>
        <th>商品名称</th>
        <th>商品价格</th>
    </tr>
    <tr>
        <td>1</td>
        <td>荣耀X60</td>
        <td>6999</td>
    </tr>
    <tr>
        <td>2</td>
        <td>三折叠怎么折都有面</td>
        <td>26999</td>
    </tr>
    <tr>
        <td>总价</td>
        <td colspan="2">99998</td>
    </tr>
</table>

</body>
</html>